<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人来丰</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/openDownload.css">
</head>
<body>
<div class="main">
    <div class="openDownload__header">
        <div class="openDownload__header__con">
            <img src="image/back.png" class="openDownload__header_img">
            <span>打开&nbsp;<i class="openDownload__header__conRotate"></i>&nbsp;下载</span>
            <h2>完成</h2>
        </div>
    </div>
    <div class="openDownload__content">
        <div class="openDownload__content__box">
            <div class="openDownload__content__boxTop">
                <h2>请选择打开&nbsp;<i></i>&nbsp;下载方式</h2>
                <img src="image/more_2.png" alt="">
                <span>其他</span>
            </div>
            <div class="openDownload__content__boxMid">
                <h2>步骤说明</h2>
            </div>
            <div class="openDownload__content__boxMid2">
                <textarea maxlength="80" rows="3" cols="20" placeholder="请输入内容，提示任务如何操作，操作中需要注意哪些事项等（最多80个字）"></textarea>
            </div>
            <div class="openDownload__content__boxBot">
                <div>步骤说明图</div>
                <div>
                    <span>上传具体步骤操作的截图，引导做任务的人更好的完成操作</span>
                    <img src="image/more_2.png" alt="">
                </div>
            </div>
        </div>

    </div>
    <div class="openDownload__footer">
        <a class="openDownload__footer__next" href="#">删除</a>
    </div>
</div>
<script src="js/jquery-3.2.1.js"></script>
</body>
</html>